import React from "react";
import "./submitOrders.scss";
import "../../assest/style/common.css";
import { Link } from "react-router-dom";
import "../../assest/style/font/iconfont.css";
function submitOrder() {
  return (
    <div className="submitOrder app">
      <div className="subtop bg-fff pt-20 pl-20 pr-10 mb-10">
        <div className="roomInfo flex">
          <img
            className="img mr-10"
            src="https://img.villaday.com/images/village/vg_213/213-15326755495680.jpg"
            alt=""
          />
          <div className="introduce flex fdc jc-sb">
            <span className="name mt-5">较场尾·海角9号沙滩度假别墅</span>
            <span>6房3厅度假别墅,入住20人</span>
            <span className="date mb-5">入住日期:2021.08.30-2021.08.31</span>
          </div>
        </div>
      </div>

      <div className="personInfo mb-10 bg-fff">
        <div className="ml-20">
          <ul>
            <li className="personName flex aic">
              <span>联系人</span>
              <input className="ml-20 personinp" value={"zhangxiansheng"} />
            </li>
            <li className="phone flex aic">
              <span>手机号</span>
              <input className="ml-20 phoneinp" value={"13800000000"} />
            </li>
          </ul>

          <div className="tips flex aic">
            <span>*请填写正确的手机号码，方便管家与您联系</span>
          </div>
        </div>
      </div>

      <div className="payInfo bg-fff">
        <div className="ml-20">
          <div className="flex jc-sb coupon">
            <span className="flex aic">优惠券</span>
            <span className="flex aic arrow mr-20">
              <span>无可用</span>
              <i className="icon iconfont icon-iconfontyoujiantou-copy-copy-copy-copy "></i>
            </span>
          </div>
          <div className="money mr-20">
            <div className="total flex aic jc-sb">
              <span>总金额:</span>
              <span>￥6888.00</span>
            </div>
            <div className="pay flex aic jc-sb">
              <span>实付金额</span>
              <span>￥6888.00</span>
            </div>
          </div>
        </div>
      </div>
      <Link to="/home/payNow">
      <button className="submit">提交订单</button></Link>
    </div>
  );
}

export default submitOrder;
